<!--
 * @message: 消息发送历史记录组件
-->
<template>
  <div>
    <Form inline :label-colon="true" class="search-form" :label-width="80">
      <FormItem label="模板名称">
        <Input v-model="params.rfTemplateName" placeholder="请输入模板名称"/>
      </FormItem>
      <!-- <FormItem label="通知人">
        <Input v-model="params.notifierUserName"/>
      </FormItem> -->
      <!-- <FormItem label="接收人">
        <Input v-model="params.sender"/>
      </FormItem> -->
      <FormItem :label-width="0">
        <Button
          type="primary"
          @click="publicGetData()"
          v-auth="'列表'"
          style="margin-right: 10px"
        >搜索
        </Button>
      </FormItem>
    </Form>
    <Breadcrumb></Breadcrumb>
    <BaseTable
      ref="baseTable"
      :action="action.logMsgHistoryPage"
      :columns="columns"
    />
  </div>
</template>

<script>
import { tableMixin } from '../../../mixin'
import API_KEY from '../../../api'
import columns from './MsgHistory-columns'
export default {
  name: 'MsgHistory',
  mixins: [tableMixin],
  data () {
    return {
      params: {
        rfTemplateName: '',
        notifierUserName: '',
        sender: ''
      },
      action: {
        // 根据分页参数获取表格数据接口（查询表格数据只需要readMenuByPage参数和columns参数）
        logMsgHistoryPage: API_KEY.log.logMsgHistoryPage
      },
      columns
    }
  },
  components: {
    BaseTable: () => import('@/components/view-ui/BaseTable.vue')
  }
}
</script>

<style scoped>

</style>
